<template>
    <div>
        <table>
            <tr>
                <th>类别</th>
                <th>区域</th>
                <th>信息详情</th>
            </tr>
            <!-- 更高级的逻辑（比如折叠、分组显示、分页） -->
            <template v-for="group in dataList">
                <tr v-for="(info, infoIndex) in group.infoList" :key="infoIndex">
                    <!-- 仅在 infoList 的第一项时显示 rowspan 单元格 -->
                    <td v-if="infoIndex === 0" :rowspan="group.infoList.length">{{ group.category }}</td>
                    <td v-if="infoIndex === 0" :rowspan="group.infoList.length">{{ group.region }}</td>
                    <td>{{ info }}</td>
                </tr>
            </template>
        </table>
    </div>
</template>

<script>
export default {
    data() {
        return {
            dataList: [
                {
                    category: '企业信息归集情况',
                    region: '项目信息归集情况',
                    infoList: [
                        '评级信息归集情况',
                        '业务系统中企业家数量(家)',
                        '信用系统归集企业数量'
                    ]
                },
                {
                    category: '企业信息归集情况',
                    region: '项目信息归集情况',
                    infoList: [
                        '评级信息归集情况',
                        '业务系统中企业家数量(家)',
                        '信用系统归集企业数量'
                    ]
                },
                {
                    category: '企业信息归集情况',
                    region: '项目信息归集情况',
                    infoList: [
                        '评级信息归集情况',
                        '业务系统中企业家数量(家)',
                        '信用系统归集企业数量'
                    ]
                },
                {
                    category: '企业信息归集情况',
                    region: '项目信息归集情况',
                    infoList: [
                        '评级信息归集情况',
                        '业务系统中企业家数量(家)',
                        '信用系统归集企业数量'
                    ]
                },
                {
                    category: '企业信息归集情况',
                    region: '项目信息归集情况',
                    infoList: [
                        '评级信息归集情况',
                        '业务系统中企业家数量(家)',
                        '信用系统归集企业数量'
                    ]
                },
                {
                    category: '企业信息归集情况',
                    region: '项目信息归集情况',
                    infoList: [
                        '评级信息归集情况',
                        '业务系统中企业家数量(家)',
                        '信用系统归集企业数量'
                    ]
                }
            ]
        }
    },
    methods: {
       
    }
}
</script>

<style></style>